    ion-grid {
        flex: 1;
        overflow-y: auto;
        padding: 0 !important;
        margin: 0;
        ion-row {
            height: 100%;
            .leftParams,
            .rightParams {
                max-width: 25%;
            }
        }
    }
    
    .elevator-center {
        p {
            padding: 0;
            text-align: center;
            margin: 5px 0 12px 0;
            min-height: 20px;
            label {
                color: rgb(153, 153, 153);
            }
        }
        .elevator-circle {
            position: relative;
            border: 1px solid;
            border-color: #DEE7EF;
            border-radius: 50%;
            text-align: center;
            width: 154px;
            height: 154px;
            margin: 0 auto;
            .elevator-img {
                position: absolute;
                top: 0;
                width: 100%;
                height: 100%;
                img {
                    position: absolute;
                    top: 0;
                    left: 50%;
                    transform: translate(-50%);
                    &.stop {
                        width: 148%;
                        height: 107%;
                        display: block;
                        top: -2px !important;
                        max-width: 200% !important;
                    }
                }
            }
            .elevator-floor {
                position: absolute;
                color: #222222;
                font-size: 30px;
                bottom: 4px;
                left: 50%;
                text-align: center;
                transform: translate(-50%);
                i {
                    position: absolute;
                    top: 0;
                    font-size: 8px;
                    color: #777;
                    font-style: normal;
                }
            }
        }
    }
    
    .value-label-text {
        font-size: 32px;
    }
    
    .value-text {
        font-size: 36px !important;
        color: #25990e;
    }
    
    .device-monitor-out-circle {
        stroke: #dee7ef !important;
    }
    
    .demo-chart {
        height: 134px;
    }
    
    .buttonThree-dt {
        .button {
            height: 40px;
            border-radius: 0 !important;
            border: 0;
            border-top: 1px solid #d9dee2;
            border-right: 1px solid #d9dee2;
            background: #f2f5f8;
            color: #999;
            line-height: 30px;
            text-align: center;
        }
        .button.activated {
            background-color: #f2f5f8;
            color: #999 !important;
        }
        .button.chosen {
            background-color: #e6eaed;
            color: #222;
        }
    }
    
    @media screen and (max-width: 340px) {
        .buttonThree-dt .button {
            height: 35px;
            min-height: 35px;
            line-height: 35px;
        }
    }
    
    ion-card {
        box-shadow: 0 0 0 0 !important;
        padding: 4px 0 2px 0px !important;
        margin: 5px 0px 5px 0px !important;
        width: 100% !important;
        border: 1px solid #D9DEE2;
        .row {
            height: 100%;
        }
    }
    
    .parameter-name {
        font-size: 12px;
        color: #777;
    }
    
    .parameter-value {
        margin: 2px 0;
        line-height: 10px;
    }